<script setup lang="ts">
import {RollbackOutlined} from '@ant-design/icons-vue';
</script>

<template>
  <div class="container">
    <img src="@/assets/defualt/404.png" alt="404"/>
    <a-button type="primary" shape="round" size="large" @click="$router.back()">
      <template #icon>
        <RollbackOutlined />
      </template>
      回去再想想
    </a-button>
  </div>

</template>

<style scoped>
.container {
  min-height: 100vh;
  min-width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 }
img{
  transform: scale(1.5);
}
</style>